<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>线上展厅</title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" href="{:_SKIN}/weixin/zhanhui/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_mqmlp1g1kh1qyqfr.css"/>
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/zhanhui/css/font-icon.css"/>
		{:jq()}
		<style type="text/css">
		.head{background-image: url("{:_SKIN}/weixin/zhanhui/img/bj-1.png");background-size: 100%;background-repeat: no-repeat;width: 100%;height: 316px;position: fixed;z-index: 1}
		html{background-image:url({:_SKIN}/weixin/zhanhui/img/bj.png);background-size:cover;background-repeat:no-repeat}
		.main{margin:0 auto;width:75%}
		.main_tab2{padding-top:50px;width:100%;background-image:url({:_SKIN}/weixin/zhanhui/img/nei-2.png);background-size:100%;background-repeat:repeat-y}
		.main_tab3{width:100%;height:30px;background-image:url({:_SKIN}/weixin/zhanhui/img/nei-1.png);background-size:100%;background-repeat:no-repeat;background-position-y:bottom}
		.main_tab2 ul{margin:0 20px;position: relative;z-index: 666;}
		.main_tab2 ul li{margin-bottom:50px;width:48%;background-image:url({:_SKIN}/weixin/zhanhui/img/border.png);background-size:100%;background-repeat:no-repeat}
		.pic{position:relative;top:3px;right:5px;bottom:3px;left:5px;display:table-cell;overflow:hidden;width:100%;vertical-align:middle;text-align:center}
		.main_tab2 ul li:nth-child(odd){float:left}
		.main_tab2 ul li:nth-child(even){float:right}
		.main_tab2 ul li img{display:block;margin:0 auto;width:80%;vertical-align:middle}
		.clear{clear:both}
		.pp{display:-webkit-box;overflow:hidden;margin-top:3px;color:#740000;text-overflow:ellipsis;font-size:14px;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
		#switch{display:block;margin-bottom:10px;color:#740000;text-align:center;font-size:16px;position: relative;z-index: 666;}

		</style>
		<link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
		<link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">
		<script type="text/javascript">
			$(document).ready(function(){    //文档加载完成后立刻执行  
  				var aa = $('.main_tab2 ul li').eq(0).width();
  				$('.main_tab2 ul li').height(aa);
  				$('.pic').height(aa);
  				
          
        	});  
		</script>
	</head>
	<body>
		<!--展示内容-->
  		<div class="head">

  		</div>
  		
  		<div class="main">
  			<div class="main_tab1"></div>
  			<div class="main_tab2" style="min-height:500px">
  				<a id="switch" class="city">切换城市<i class="icon-zhankai iconfont font_20" style="margin-left: 3px;"></i></a>
				<input type="hidden" id="city_c"  onchange="city_s()" >
  				<ul>


					{volist name="list" id="v"}
				<a href="{:url('cplist',['name'=>$v['title']])}">
					<li>
						<div class="pic"><img src="{:config('cdn')}{$v.pic}" ></div>
						<p class="pp">{$v.title}-{$v.city}</p>
					</li>
				</a>
					{/volist}
					<div class="clear"></div>
				</ul>
  				
  			</div>
  			
  			<div class="main_tab3" ></div>
  		</div>
  		
  		
  		<div class="foot">
  			<img src="{:_SKIN}/weixin/zhanhui/img/bj-2.png" width="100%"  />
  			
  		</div>
		<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>
  		<script type="text/javascript">
             $("#switch").click(function(){

                 $("#city_c").click();


			 });


			function city_s(){

			   var city=$("#city_c").val();

			   $.post("{:url('geturl')}",{chengshi:city},function(res){

			       window.location.href=res.url;


			   });



			}

			$("#city_c").select({
                title: "请选择城市",
                items: ["太原", "晋中", "长治", "临汾", "吕梁", "忻州", "朔州", "阳泉", "运城", "晋城", "大同"]
            });



  			var city="大同市";
  			
  			if (city=='晋城市') {
  				$('.city').hide();
  			} else{
  				$('.city').show();

  			}
  			
  			
  		</script>
	</body>
</html>
